@import './_function.less';

.header{
    .w(750);
    background:#ff8f00;
    .tc();
    .pt(18);
    .pb(18);
    img{
        .fl();
        .ml(20);
        .w(24);
        .h(44);
    }
    span{
        .lh(44);
        .fs(40);
        color:#fefefe;
    }

}
.main{
    .bc(@ce6);
    .pb(20);
    .shopInfo{
        .pl(20);
        .pr(20);
        .bc(@cW);
        .oh();
        .shop{
            .fl();
            .w(540);
            .pb(14);
            h2{
                .fs(30);
                .lh(50);
                .mt(12);
                .mb(6);
                color:#202020;
            }
            .shopPrice{
                .fs(48);
                color:#eb1212;
                .db();
            }
            .marketPrice{
                .fs(24);
                .mt(12);
                .lh(31);
                color:#434343;
                .db();
                i{
                    .fs(24);
                }
            }
        }
        .share{
            .fl();
            .ml(70);
            .mt(24);
            img{
                .w(44);
                .h(44);
                margin:0 auto;
                .mb(6);
                .db();
            }
            span{
                .fs(24);
                color:#5d5d5d;
            }
        }
        .address{
            clear:both;
            display:flex;
            justify-content: space-between;
            .mb(16);
            span{
                .db();
                .fs(24);
                color:#434343;
                .lh(31);
            }
        }
    }
    .feature{
        .pl(20);
        .pr(20);
        .mt(10);
        .mb(10);
        .bc(@cW);
        display:flex;
        flex-wrap:wrap;
        justify-content: space-between;
        li{
            .pt(5);
            .pb(5);
            .lh(35);
            .fs(24);
            .pr(20);
            color:#494949;
            display:flex;
            justify-content:space-around;
            align-items:center;
            img{
                .w(35);
                .h(35);
                .mr(10);
                .db();
            }
            span{
                .fs(24);
                color:#494949;
                .db();
            }
        }
    }
    .selectColor,.proParam{
        .fs(24);
        .pl(20);
        .pr(20);
        .h(50);
        color:#494949;
        .bc(@cW);
        display:flex;
        justify-content: space-between;
        align-items:center;
        img{
            .w(10);
            .h(22);
            .db();
        }
        span{
            .db();
        }
    }
    .selectColor{
        .mb(1);
    }
    .evaluate{
        .title{
            .fs(24);
            .lh(50);
            color:#c2c2c2;
            .tc();
            span::after,span::before{
                content:'——';
                color:#c2c2c2;
            }
        }
        ul{
            .pl(20);
            .pr(20);
            .bc(@cW);
            li{
                .nums{
                    color:#494949;
                    .fs(30);
                    .lh(40);
                    .mt(16);
                    .mb(6);
                    .dib();
                }
                .head{
                    display:flex;
                    align-items:center;
                    img{
                        .w(50);
                        .h(50);
                        .mr(12);
                    }
                    span{
                        .fs(24);
                        color:#8e8e8e;
                    }
                }
                .evaContent{
                    color:#494949;
                    .fs(30);
                    .lh(31);
                    .pt(10);
                    .pb(20);
                    .dib();
                }
                .param{
                    .fs(24);
                    .lh(34);
                    color:#8e8e8e;
                    .date{
                        .mr(18);
                    }
                    .colorCate{
                        i{
                            color:#8e8e8e;
                            .fs(24);
                            .ml(16);
                        }
                    }
                }
            }
        }
        .lookAtAll{
            .bc(@cW);
            .pt(48);
            .pb(22);
            .tc();
            span{
                .fs(24);
                .c(@cW);
                .w(180);
                .lh(40);
                .tc();
                background-color:#e21a1a;
                .dib();
                .br(50);
            }
        }
    }
    .details{
        .title{
            .fs(24);
            .lh(50);
            color:#c2c2c2;
            .tc();
            span::after,span::before{
                content:'——';
                color:#c2c2c2;
            }
        }
        img{
            .w(750);
            .db();
            border:none;
        }
        .img1{
            .h(880);
        }
        .img2{
            .h(861);
        }
        .img3{
            .h(1008);
        }
    }
}
.footer{
    a{
        .fl();
        .h(98);
    }
    .servers,.collect{    
        display:flex;
        flex-direction: column;
        justify-content: center;
        .tc();    
        .w(125);
        img{
            .db();
            .w(48);
            .h(48);
            margin:0 auto;
            .mb(6);
        }
        span{
            .db();
            .fs(24);
            color:#202020;
        }
    }
    .addCart,.buyNow{
        .w(250);
        .tc();
        .lh(98);
        .fs(36);
        .c(@cW);
    }
    .addCart{
        background-color:#e79718;
    }
    .buyNow{
        background-color:#e71818;
    }
}